<html>
	<head>
		<title>URLheap</title>
		<link rel="stylesheet" href="/css/style.css" type="text/css">
	</head>
	<body>
		<center>
        	<h1 style="font-size: 40pt;margin-top:20pt;">URLheap</h1>
        	<em>a collection of your (temporary) links</em>
        </center>
        <div id="first_container">
    		<div style="padding: 50pt 0pt 50pt 0pt; font-size: 20pt;">
				<center><a href="${login}">Login via Google</a><br/><span style="font-size: 14pt;color:#555;">to start using URLheap</span></center>
			</div>
			<div style="font-size: 10pt;color:#555;padding-left:50%;margin-left:-185pt;padding-bottom:50pt;">
				URLheap communicates with your browser via shortcuts (drag-n-drop to your bookmarks bar):<br/><br/>
		        <a class="shortcut" href="http://${host}/index">uh:idx</a> -- list your links<br/><br/>
		        <a class="shortcut" href="javascript:location.href='http://${host}/do/add?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title.replace(/^\s*|\s*$/g,''))">uh:add</a> -- add current page to the heap<br/><br/>
		        <a class="shortcut" href="http://${host}/do/random">uh:rnd</a> -- pick randomly any of your links from the heap and open it<br/>
    		</div>
    	</div>
	</body>
</html>